.my-body {
    /* width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    text-align: center; */
    /* justify-content: space-around; */
    /* background-color: aqua; */
  
  }
  
  html,
  body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  
  .lazy-img[data-v-21c202bd] {
    position:relative
  }
  .lazy-img .padding[data-v-21c202bd] {
    background:#f4f4f4
  }
  .lazy-img .lazy-img-wrap[data-v-21c202bd],
  .lazy-img .padding[data-v-21c202bd] {
    height:56vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .lazy-img .lazy-img-wrap[data-v-21c202bd] {
    width:100%;
    background:#fff;
    position:absolute;
    overflow:hidden;
    top:0;
    opacity:0
  }
  .lazy-img .lazy-img-wrap img[data-v-21c202bd] {
    left:0
  }
  .lazy-img .lazy-img-wrap .target-img[data-v-21c202bd] {
    width:100%;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%)
  }
  .film-today-order {
    max-height:206px;
    overflow-y:auto
  }
  .order-item {
    margin-bottom:10px;
    background:#fff;
    margin:13px;
    border-radius:6px
  }
  .order-item .order-goods {
    height:84px;
    padding:10px 30px 10px 8px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  .order-item .order-goods:after {
    content:" ";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:1px;
    border-bottom:1px solid #ededed;
    color:#ededed;
    -webkit-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:scaleY(.5);
    -ms-transform:scaleY(.5);
    transform:scaleY(.5)
  }
  .order-item .order-goods .img-list {
    margin-right:10px
  }
  .order-item .order-goods .icon-quanju_liebiaojiantou {
    position:absolute;
    right:12px;
    line-height:70px;
    color:#bdc0c5
  }
  .order-item .order-goods .sku-desc {
    width:calc(100% - 45px);
    position:relative;
    margin-left:15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .order-item .order-goods .sku-desc .sku-product-name {
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .order-item .order-goods .sku-desc .sku-name {
    font-size:12px;
    color:#797d82
  }
  .order-item .order-goods .sku-desc .text-level {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
  .order-item .order-goods .sku-desc .code-level {
    text-align:center
  }
  .order-item .order-goods .sku-desc .code-level span {
    display:block;
    font-size:10px;
    color:#797d82
  }
  .qrcode-view {
    background:#fff;
    z-index:400;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    color:#191a1b;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  .qrcode-view .qrcode-container {
    margin:30px auto
  }
  .qrcode-view .code-tip {
    position:relative;
    width:250px;
    word-break:break-word
  }
  .qrcode-view .close-btn {
    position:absolute;
    bottom:42px;
    width:22px;
    left:50%;
    margin-left:-11px
  }
  .qrcode-view .normal {
    max-width:72%;
    margin:0 auto;
    color:#797d82;
    font-size:13px;
    text-align:justify
  }
  .qrcode-view .normal .highlight {
    color:#ff5f16
  }
  .qrcode-view .hallname {
    margin-top:15px;
    margin-bottom:5px
  }
  .qrcode-view .code .value {
    color:#ff5f16;
    margin-left:28px
  }
  .price-fmt {
    font-size:15px;
    color:#ff5f16;
    height:0!important;
    display:inline-table!important
  }
  .price-fmt,
  .price-fmt span {
    float:none!important
  }
  .price-fmt i {
    font-size:11px;
    font-style:normal
  }
  .center-view {
    position:relative;
    top:0;
    right:0;
    left:0;
    font-size:15px;
    background:#f4f4f4;
    margin-bottom:59px
  }
  .center-view .avatar {
    text-align:center;
    margin-top:-44px;
    height:150px;
    padding-left:22px;
    padding-top:64px;
    background:url(@/assets/img/bg.a5bdd690.png);
    background-size:cover;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
  }
  .center-view .avatar .avator-icon {
    width:63px;
    height:63px;
    border-radius:35px;
    margin-right:20px;
    border:2px solid #fff
  }
  .center-view .avatar .nick-name {
    font-size:16px
  }
  .center-view .my-order-tab {
    width:100%;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-align:center;
    font-size:13px;
    padding:0;
    height:79px;
    background:#fff;
    margin-bottom:10px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .center-view .my-order-tab li {
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    list-style:none
  }
  .center-view .my-order-tab li .label {
    font-size:13px;
    color:#797d82
  }
  .center-view .my-order-tab li .value {
    color:#191a1b;
    font-size:17px
  }
  .center-view .my-order-tab li .value .price-decimal {
    color:#191a1b
  }
  .center-view .my-order-tab li .value .price-decimal i {
    font-size:17px
  }
  .center-view .my-order-tab .mint-badge {
    padding:0;
    font-size:10px;
    height:16px;
    line-height:18px;
    min-width:16px;
    background:#ff5f16;
    position:absolute;
    left:52%;
    text-align:center;
    top:0
  }
  .center-view .my-order-tab .badge-padding {
    padding:0 6px
  }
  .center-view .reset-tab-margin {
    margin-bottom:0
  }
  .center-view .margin-set {
    background:#fff;
    padding:0 15px;
    height:49px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .center-view .margin-set .label {
    margin-left:15px;
    color:#191a1b;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
  .center-view .margin-set .arrow {
    text-align:right;
    width:6px;
    height:10px
  }
  .center-view .margin-set .system-set {
    margin-bottom:50px
  }
  .center-view .my-card {
    position:relative
  }
  .center-view .my-card:after {
    content:" ";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:1px;
    border-bottom:1px solid #ededed;
    color:#ededed;
    -webkit-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:scaleY(.5);
    -ms-transform:scaleY(.5);
    transform:scaleY(.5);
    left:13px
  }